﻿<Framework:BasePage
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:controls="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:Framework="clr-namespace:JustinAngel.UnitedNationsNews.Framework" xmlns:Unsupported="clr-namespace:Microsoft.Unsupported" xmlns:ic="clr-namespace:Microsoft.Expression.Interactivity.Core;assembly=Microsoft.Expression.Interactions"
    xmlns:Custom="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" xmlns:GalaSoft_MvvmLight_Command="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WP7"
    xmlns:controlsPrimitives="clr-namespace:Microsoft.Phone.Controls.Primitives;assembly=Microsoft.Phone.Controls" xmlns:UnitedNationsNews="clr-namespace:JustinAngel.UnitedNationsNews" xmlns:System="clr-namespace:System;assembly=mscorlib" xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit" x:Class="JustinAngel.UnitedNationsNews.MainPage"
    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"  
    d:DataContext="{d:DesignData /SampleData/MainPageViewModelSampleData.xaml}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True" Background="Black">
    <Framework:BasePage.Resources>
    	<DataTemplate x:Key="SectionDataTemplate">
    		<Grid x:Name="LayoutRoot" Background="Transparent" Margin="0,0,0,15" Unsupported:TiltEffect.IsTiltEnabled="True" Height="Auto" Width="Auto" >
                <toolkit:ContextMenuService.ContextMenu>
                    <toolkit:ContextMenu IsZoomEnabled="False" Background="White" BorderBrush="Black" Foreground="Black">
                        <toolkit:MenuItem Command="{Binding NavigateToSection}" Header="show section articles" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                    </toolkit:ContextMenu>
                </toolkit:ContextMenuService.ContextMenu>
                <Grid Background="#FF5B92E5" Opacity="0.2" Width="190" Height="190" />
    			<StackPanel Orientation="Vertical">
    				<Image Source="{Binding ImageUri}" Width="180" Height="120" Margin="0,5,0,0" VerticalAlignment="Top" HorizontalAlignment="Center" />
    				<TextBlock Foreground="#FF404040" Margin="0,1,0,0" Text="{Binding DisplayName}" FontSize="{StaticResource PhoneFontSizeMedium}" VerticalAlignment="Center" HorizontalAlignment="Center" TextWrapping="Wrap" Height="61" Width="175" FontFamily="{StaticResource PhoneFontFamilySemiBold}"/>
    			</StackPanel>
    		</Grid>
    	</DataTemplate>
		
    	<DataTemplate x:Key="VideoItemDataTemplate">
            <StackPanel Orientation="Horizontal" Margin="0,0,0,17" Unsupported:TiltEffect.IsTiltEnabled="True" Width="Auto" Height="Auto">
                <toolkit:ContextMenuService.ContextMenu>
                    <toolkit:ContextMenu IsZoomEnabled="False" Background="White" BorderBrush="Black" Foreground="Black">
                        <toolkit:MenuItem Command="{Binding NavigateToVideo}" Header="play video" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                        <toolkit:MenuItem Command="{Binding ShareViaEmail}" Header="share via email" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                        <toolkit:MenuItem Command="{Binding ShareOnFacebook}" Header="share on facebook" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                        <toolkit:MenuItem Command="{Binding ShareOnTwitter}" Header="share on twitter" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                    </toolkit:ContextMenu>
                </toolkit:ContextMenuService.ContextMenu>
                <Rectangle Height="90" Width="120" Fill="#FF5B92E5" Margin="12,0,9,0"/>
    			<Image Height="90" Width="120" Source="{Binding ImageUri}" Margin="-129,0,9,0"/>
    			<TextBlock Width="279" Height="98" Foreground="Black" Text="{Binding Title}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" FontSize="{StaticResource PhoneFontSizeMedium}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="12,-9,12,0"/>
    		</StackPanel>
    	</DataTemplate>
		
    	<DataTemplate x:Key="RadioItemDataTemplate">
            <StackPanel Orientation="Horizontal" Margin="0,0,0,24" Unsupported:TiltEffect.IsTiltEnabled="True" Background="{StaticResource TransparentBrush}">
                <toolkit:ContextMenuService.ContextMenu>
                    <toolkit:ContextMenu IsZoomEnabled="False" Background="White" BorderBrush="Black" Foreground="Black">
                        <toolkit:MenuItem Command="{Binding NavigateToRadio}" Header="play radio" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                        <toolkit:MenuItem Command="{Binding ShareViaEmail}" Header="share via email" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                        <toolkit:MenuItem Command="{Binding ShareOnFacebook}" Header="share on facebook" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                        <toolkit:MenuItem Command="{Binding ShareOnTwitter}" Header="share on twitter" Unsupported:TiltEffect.IsTiltEnabled="True"/>
                    </toolkit:ContextMenu>
                </toolkit:ContextMenuService.ContextMenu>
                <Ellipse Height="40" Width="40" Stroke="Black" StrokeThickness="2" HorizontalAlignment="Center" VerticalAlignment="Top" Margin="5"/>
    			<Path Data="M18.999954,1 L19,19 L1,19 z" Height="18" RenderTransformOrigin="-0.442,0.137" Stretch="Fill" Stroke="Black" StrokeThickness="2" UseLayoutRounding="False" Width="20" Margin="-56,19,0,0" VerticalAlignment="Top" >
    				<Path.RenderTransform>
    					<CompositeTransform Rotation="-42.51" SkewX="4.979" ScaleY="1.042" ScaleX="0.959" TranslateX="0.328" TranslateY="11.894"/>
    				</Path.RenderTransform>
    			</Path>
    			<TextBlock Foreground="Black" Text="{Binding Title}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Width="342"/>
    		</StackPanel>
    	</DataTemplate>
    	
    </Framework:BasePage.Resources>

    <!--Panorama-based applications should not show an ApplicationBar-->

    <Framework:BasePage.FontFamily>
        <StaticResource ResourceKey="PhoneFontFamilyNormal"/>
    </Framework:BasePage.FontFamily>
    <Framework:BasePage.FontSize>
        <StaticResource ResourceKey="PhoneFontSizeNormal"/>
    </Framework:BasePage.FontSize>
    <Framework:BasePage.Foreground>
        <StaticResource ResourceKey="PhoneForegroundBrush"/>
    </Framework:BasePage.Foreground>
    <Framework:BasePage.ViewModel>
        <Binding Path="MainPageViewModel" Source="{StaticResource ViewModelLocator}"/>
    </Framework:BasePage.ViewModel>

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot" Background="Transparent">
        <VisualStateManager.VisualStateGroups>
        	<VisualStateGroup x:Name="LoadingStates">
        		<VisualStateGroup.Transitions>
        			<VisualTransition GeneratedDuration="0:0:2.5" To="NotIsLoading"/>
        		</VisualStateGroup.Transitions>
        		<VisualState x:Name="IsLoading"/>
        		<VisualState x:Name="NotIsLoading">
        			<Storyboard>
        				<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="progressBar" d:IsOptimized="True"/>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="progressBar">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="loadingText">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<DoubleAnimation Duration="0" To="0" Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="loadingText" d:IsOptimized="True"/>
        				<DoubleAnimation Duration="0" To="1368" Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="panoramaTitle" d:IsOptimized="True"/>
        			</Storyboard>
        		</VisualState>
        	</VisualStateGroup>
        	<VisualStateGroup x:Name="SplashStates">
        		<VisualState x:Name="IsSplashVisible">
        			<Storyboard>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="splashScreen">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Visible</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        			</Storyboard>
        		</VisualState>
        		<VisualState x:Name="NotIsSplashVisible">
        			<Storyboard>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="splashScreen">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Visible</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        					<DiscreteObjectKeyFrame KeyTime="0:0:0.56">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Visible</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        					<DiscreteObjectKeyFrame KeyTime="0:0:0.7">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)" Storyboard.TargetName="splashScreen">
        					<EasingDoubleKeyFrame KeyTime="0" Value="0"/>
        					<EasingDoubleKeyFrame KeyTime="0:0:0.56" Value="90"/>
        				</DoubleAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(ProgressBar.IsIndeterminate)" Storyboard.TargetName="splashProgressbar">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<System:Boolean>False</System:Boolean>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="splashProgressbar">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        					<DiscreteObjectKeyFrame KeyTime="0:0:0.5">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        			</Storyboard>
        		</VisualState>
        	</VisualStateGroup>
        	<VisualStateGroup x:Name="SplashAnimationStates">
        		<VisualState x:Name="IsPlayingSplashOverlayAnimation">
        			<Storyboard>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="splashTitle">
        					<DiscreteObjectKeyFrame KeyTime="0:0:7.6">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Visible</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="blueEmblem">
        					<DiscreteObjectKeyFrame KeyTime="0:0:7.6">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Visible</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="splashTitle">
        					<EasingDoubleKeyFrame KeyTime="0:0:7.6" Value="0"/>
        					<EasingDoubleKeyFrame KeyTime="0:0:8" Value="1"/>
        				</DoubleAnimationUsingKeyFrames>
        				<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="blueEmblem">
        					<EasingDoubleKeyFrame KeyTime="0:0:7.6" Value="0"/>
        					<EasingDoubleKeyFrame KeyTime="0:0:8" Value="1"/>
        				</DoubleAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="splashPage">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(ProgressBar.IsIndeterminate)" Storyboard.TargetName="splashProgressbar">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<System:Boolean>False</System:Boolean>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        				<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="splashProgressbar">
        					<DiscreteObjectKeyFrame KeyTime="0">
        						<DiscreteObjectKeyFrame.Value>
        							<Visibility>Collapsed</Visibility>
        						</DiscreteObjectKeyFrame.Value>
        					</DiscreteObjectKeyFrame>
        				</ObjectAnimationUsingKeyFrames>
        			</Storyboard>
        		</VisualState>
        		<VisualState x:Name="NotIsPlayingSplashOverlayAnimation"/>
        	</VisualStateGroup>
        </VisualStateManager.VisualStateGroups> 
        <!--Panorama control-->
        <controls:Panorama x:Name="mainPanorama" Foreground="#FF5B92E5">
            <controls:Panorama.Title>
                <StackPanel Orientation="Horizontal" Margin="0,22,0,-42" x:Name="panoramaTitle"  HorizontalAlignment="Left" Width="2160" >
                    <toolkit:ContextMenuService.ContextMenu>
                        <toolkit:ContextMenu IsZoomEnabled="False" Background="White" BorderBrush="Black" Foreground="Black">
                            <toolkit:MenuItem Command="{Binding SendEmailToDeveloper}" Unsupported:TiltEffect.IsTiltEnabled="True">
                                <toolkit:MenuItem.Header>
                                    <TextBlock TextWrapping="Wrap" Text="Email J@JustinAngel.net with feedback on &quot;U.N. News&quot; V1.0" />
                                </toolkit:MenuItem.Header>
                            </toolkit:MenuItem>
                        </toolkit:ContextMenu>
                    </toolkit:ContextMenuService.ContextMenu>
                    <Image Source="200px-UN_emblem_blue.svg.png" VerticalAlignment="Center" Height="132" Margin="18,29,0,0" Width="155" HorizontalAlignment="Left" />
                    <TextBlock Text="U.N. News." Foreground="#FF5B92E5" Margin="14,0,0,0" />
					<TextBlock Text="It's Your World." Foreground="#FF5B92E5" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Margin="35,0,0,35" VerticalAlignment="Bottom" FontFamily="{StaticResource PhoneFontFamilyNormal}" HorizontalAlignment="Left" />
                </StackPanel>
            </controls:Panorama.Title>
            <controls:Panorama.Background>
                <ImageBrush AlignmentX="Left" AlignmentY="Top" Stretch="UniformToFill"  ImageSource="UNNewsPanorama.jpg"/>
            </controls:Panorama.Background>

        
            <controls:PanoramaItem Header="Sections">
                <StackPanel Orientation="Horizontal" Margin="18,0,0,0">
                    <ListBox HorizontalAlignment="Left" Width="200" ItemsSource="{Binding FirstColumnSections}" ItemTemplate="{StaticResource SectionDataTemplate}" SelectionChanged="Section_SelectionChanged" />
                    <ListBox HorizontalAlignment="Right" Width="200" ItemsSource="{Binding SecondColumnSections}" ItemTemplate="{StaticResource SectionDataTemplate}" SelectionChanged="Section_SelectionChanged" />
                </StackPanel>
            </controls:PanoramaItem>

            <controls:PanoramaItem Header="Top Stories">
                <ListBox Margin="0,0,-12,0" ItemsSource="{Binding TopStoriesViewModels}" ItemTemplate="{StaticResource ArticleItemDataTemplate}" SelectionChanged="TopStories_Selecitonchanged" />
            </controls:PanoramaItem>


            <controls:PanoramaItem Header="Photos" >
            	<ListBox SelectionChanged="Photos_SelectionChanged" Margin="17,0,0,0" Width="405">
            		<ListBoxItem  Unsupported:TiltEffect.IsTiltEnabled="True">
            			<Grid CacheMode="BitmapCache">
            				<Rectangle Fill="#FF5B92E5" Width="405" Height="269" Margin="1,0,0,0"/>
            				<Image VerticalAlignment="Center" HorizontalAlignment="Center" Stretch="UniformToFill" Source="{Binding TopPhotoViewModel.ImageUri}" Width="405" Height="269" />
            				<Border BorderThickness="0" VerticalAlignment="Bottom" Background="#99FFFFFF">
            					<TextBlock TextWrapping="Wrap" Text="{Binding TopPhotoViewModel.Title}" Foreground="Black" FontSize="{StaticResource PhoneFontSizeMediumLarge}" FontFamily="{StaticResource PhoneFontFamilyNormal}" Margin="8,0"/>
            				</Border>
            			</Grid>
            		</ListBoxItem>
            		<ListBoxItem  Unsupported:TiltEffect.IsTiltEnabled="True" CacheMode="BitmapCache">
            			<Border BorderBrush="Black" BorderThickness="3" VerticalAlignment="Top" Width="402" Margin="0,30">
            				<TextBlock TextWrapping="Wrap" Text="Start Slideshow" Foreground="Black" FontSize="{StaticResource PhoneFontSizeLarge}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" HorizontalAlignment="Center"/>
            			</Border>
            		</ListBoxItem>
            	</ListBox>
            </controls:PanoramaItem>
			
            <controls:PanoramaItem Header="Videos" >
				   <ListBox SelectionChanged="Videos_SelectionChanged" Margin="0,0,-12,0" ItemsSource="{Binding VideoViewModels}" ItemTemplate="{StaticResource VideoItemDataTemplate}" />	         
			</controls:PanoramaItem>
			
    		<controls:PanoramaItem Header="Radio">
                <ListBox SelectionChanged="Radio_SelectionChanged"  Margin="16,0,0,0" ItemsSource="{Binding RadioViewModels}" ItemTemplate="{StaticResource RadioItemDataTemplate}" HorizontalAlignment="Left" />	                  
			</controls:PanoramaItem>


        </controls:Panorama>
        <ProgressBar Visibility="Visible" Opacity="1" x:Name="progressBar" Height="8" Margin="-12,265,-12,0" Style="{StaticResource PerformanceProgressBar}" VerticalAlignment="Top" IsIndeterminate="True"/>
        <TextBlock Visibility="Visible" Opacity="1" x:Name="loadingText" Height="27" Margin="190,241,200,0" TextWrapping="Wrap" Text="Loading..." VerticalAlignment="Top" Foreground="Black" FontSize="{StaticResource PhoneFontSizeSmall}" Width="78.4323806762695"/>
		<Grid x:Name="splashScreen" Background="Black" Visibility="Collapsed">
        	<Grid.Projection>
        		<PlaneProjection CenterOfRotationX="0"/>
        	</Grid.Projection>
        	<MediaElement x:Name="splashMediaElement" Volume="1" Source="{Binding SplashScreenMediaSource}" RenderTransformOrigin="0.5,0.5">
        		<MediaElement.RenderTransform>
        			<CompositeTransform Rotation="90" ScaleX="1.75" ScaleY="1.75"/>
        		</MediaElement.RenderTransform>
        	</MediaElement>
        	<TextBlock x:Name="splashTitle" TextWrapping="Wrap" VerticalAlignment="Top" FontSize="{StaticResource PhoneFontSizeExtraLarge}" Margin="24,87,8,0" RenderTransformOrigin="0.5,0.5" Foreground="#FF5B92E5" FontFamily="{StaticResource PhoneFontFamilySemiBold}" Text="United  Nations News" Opacity="0" Height="196" Visibility="Collapsed" d:LayoutOverrides="HorizontalAlignment"/>
        	<Image x:Name="blueEmblem" Margin="-13,214,-12,125" Source="460px-UN_emblem_blue.svg.png" Stretch="None" RenderTransformOrigin="0.5,0.5" Opacity="0" Visibility="Collapsed"/>
        	<Image x:Name="splashPage" Source="/SplashScreenImage.jpg" Stretch="None" Margin="0,-33,0,-1"/>
        	<ProgressBar x:Name="splashProgressbar" Height="8" Style="{StaticResource PerformanceProgressBar}" VerticalAlignment="Bottom" Margin="0,0,0,264" Value="8" Foreground="White" IsIndeterminate="True"/>
        </Grid>
    </Grid>

</Framework:BasePage>


<!--Double line list with text wrapping--><!--<ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel Margin="0,0,0,17" Width="432">
                <TextBlock Foreground="Black" Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                <TextBlock Foreground="Black" Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>--><!--Double line list with image placeholder and text wrapping--><!--<ListBox Margin="0,0,-12,0" ItemsSource="{Binding Items}">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel Orientation="Horizontal" Margin="0,0,0,17">
                                <Rectangle Height="100" Width="100" Fill="#FFE5001b" Margin="12,0,9,0"/>
                                <StackPanel Width="311">                                    
                                    <TextBlock Foreground="Black" Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}"/>
                                    <TextBlock Foreground="Black" Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                                </StackPanel>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>-->